<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户注册</title>
</head>
<body>
    <form action="#"method="get">
            <h3 align="center" style="width: 30%">用户注册</h3>
                <fieldset style="width: 30%">
                    <legend>身份验证-必填信息</legend>
                        <table border="0px" cellpadding="10px" cellspacing="0px" align="center">
                                <tr>
                                    <td>用户名</td>
                                    <td><input type="text" name="name" placeholder="请输入用户名" /></td>
                                </tr>
                                <tr>
                                    <td>密码</td>
                                    <td><input type="password" name="pwd" placeholder="请输入密码" /></td>
                                </tr>
                                <tr>
                                    <td>密码确认</td>
                                    <td><input type="password" name="pwd" placeholder="请再次输入密码" /></td>
                                </tr>
                        </table>
                </fieldset>
                <fieldset style="width: 30%">
                    <table border="0px" cellpadding="10px" cellspacing="0px" align="center">
                    <legend>身份信息-选填信息</legend>
                        <tr>
                            <td>所在城市</td>
                            <td><input type="text" name="city"  /></td>
                        </tr>
                        <tr>
                            <td>工作单位</td>
                            <td><input type="text" name="job"  /></td>
                        </tr>
                        <tr>
                            <td>家庭住址</td>
                            <td><input type="text" name="home"  /></td>
                        </tr>
                    </table> 
                </fieldset>
                <fieldset style="width: 30%">
                    <table border="0px" cellpadding="10px" cellspacing="0px" align="center">
                        <legend>其他个人信息</legend>
                        <tr>
                            <td>性别</td>
                            <td><select name="gender">
                                    <option value="boy" selected>男</option>
                                    <option value="girl">女</option>
                            </select></td>
                        </tr>
                       <tr>
                            <td>爱好</td>
                            <td><input type="checkbox" name="hobby" value="music" />音乐
                            <input type="checkbox" name="hobby" value="sports" />体育
                            <input type="checkbox" name="hobby" value="computer" />计算机</td>
                       </tr>
                       <tr>
                            <td>喜欢的公司</td>
                            <td><input type="radio" name="company" value="baidu" />百度
                            <input type="radio" name="company" value="Microsoft China" />微软中国
                            <input type="radio" name="company" value="Google China" />谷歌中国</td>
                       </tr>
                       <tr>
                            <td>个人简介</td>
                            <td><textarea cols="35" rows="5" name="content" ></textarea></td>
                       </tr>
                    </table>
                </fieldset>
                <h2 align="center" style="width: 30%"><input type="submit" value="提交您的资料" />
                <input type="reset" value="重新填写资料" /></h2>
                <h2 align="center" style="width: 30%"><input type="submit" value="无效按钮" disabled/></h2>
    </form>
</body>
</html>